// @flow

import React from "react";

const Exchange = ({ size = 16 }: { size?: number }) => (
  <svg viewBox="0 0 16 16" height={size} width={size}>
    <path
      d="M9.344 7.625l-2.25-.656c-.282-.094-.5-.407-.5-.719 0-.406.312-.75.656-.75h1.406c.219 0 .438.063.625.188a.473.473 0 00.594-.063l.375-.344c.25-.218.219-.593-.063-.781a2.466 2.466 0 00-1.437-.469V3.5c0-.25-.219-.5-.5-.5h-.5c-.281 0-.5.25-.5.5V4c-1.188.031-2.125 1.031-2.125 2.25 0 .969.625 1.875 1.531 2.125l2.25.688c.281.093.469.374.469.718 0 .406-.281.719-.656.719H7.313c-.22 0-.407-.031-.594-.156-.219-.125-.469-.094-.625.062l-.375.344c-.25.219-.188.594.062.781.438.281.938.469 1.469.469v.5c0 .281.219.5.5.5h.5c.25 0 .5-.219.5-.5V12c1.156 0 2.125-1 2.125-2.219 0-.969-.625-1.875-1.531-2.156zM8 .25A7.749 7.749 0 00.25 8 7.749 7.749 0 008 15.75 7.749 7.749 0 0015.75 8 7.749 7.749 0 008 .25zm0 14A6.228 6.228 0 011.75 8 6.248 6.248 0 018 1.75c3.438 0 6.25 2.813 6.25 6.25A6.248 6.248 0 018 14.25z"
      fill="currentColor"
    />
  </svg>
);

export default Exchange;
